@import url("style.css");
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
em{font-style:normal;}
a{text-decoration:none;cursor:pointer;color:#666666;}
a:hover{color:#FF6699;}
body{background:url("../images/bodybg.jpg") repeat #f5f6f7;color:#666666;font-family:Arial;font-size:12px;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}
.demo{width:950px;margin:0 auto;}
/* item_list */
.item_list{position:relative;padding:0 0 50px;}
.item{
	width:226px;background:#fff;overflow:hidden;margin:15px 0 0 0;
	border-radius:4px 4px 4px 4px;
	box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);	
}
.du-recommendation-title{
	width: 208px;
	_width: 216px;
	padding: 10px 0 10px 10px;
	float: left;
	font-family: '微软雅黑','黑体';
	font-size: 14px;
	color: #666;
}
.notes-categories {
margin: 10px 0 15px 0;
line-height: 24px;
height: 48px;
}
.notes-categories li {
display: inline-block;
background: #eaf4ff;
border-radius: 5px;
border: 1px solid #d5e7ed;
white-space: nowrap;
float: left;
font-size: 12px;
margin: 0 5px 5px 10px;
}
.notes-categories li a.notes-active {
color: white;
background: url("http://lvyou.baidu.com/static/widget/search/notes-guide-toolbar/img/choose-tab-bg_fca8f408.jpg") repeat-x;
text-decoration: none;
}
.notes-categories li a {
cursor: pointer;
display: inline-block;
padding: 0 10px;
line-height: 24px;
color: #007ed9;
border-radius: 4px;
}
.hot-destinations {
border-top: 1px dotted #DDD;
width: 200px;
padding: 10px 0 0 10px;
position: relative;
}
.hot-destinations-title {
font-family: '微软雅黑','黑体';
font-size: 14px;
color: #666;
}
.notes-cms {
float: right;
margin: 10px 0 15px 0;
}
.notes-cms-group {
margin: 0 0 20px 0;
_margin: 0 0 20px 0;
}
.notes-cms-group li {
display: inline-block;
float: left;
font-size: 12px;
margin: 0 10px 10px 0;
color: #007ed9;
background: #eaf4ff;
border-radius: 5px;
border: 1px solid #d5e7ed;
white-space: nowrap;
}
.notes-cms-group li a {
display: inline-block;
padding: 0 10px;
line-height: 24px;
color: #007ed9;
border-radius: 4px;
}
.item_t{padding:10px 8px 0;}
.item_t .img{background-color:#FFFFFF;margin:0 auto;position:relative;width:210px;min-height:210px;}
.item_t .img a{display:block;}
.item_t .img a:hover{background:#000;}
.item_t .img a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 

0.3s ease-out;}
.item_t .price{
	position:absolute;bottom:10px;right:0px;background-color:rgba(0, 0, 0, 0.2);color:#FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}
.item .btns{display:none;}
.img_album_btn{top:0px;right:0px;position:absolute;background:#ff6fa6;color:#ffffff;height:20px;line-height:20px;width:56px;border-

radius:3px;}
.img_album_btn:hover{color:#fff;}
.item_t .title{padding:8px 0;line-height:18px;}
.item_b{padding:10px 8px;}
.item_b .items_likes .like_btn{background:url("../images/fav_icon_word_new_1220.png") no-

repeat;display:block;float:left;height:23px;width:59px;margin-right:5px;}
.item_b .items_likes em{line-height:23px;display:block;float:left;padding:0px 6px;color:#FF6699;font-weight:800;border:1px solid 

#ff6fa6;border-radius:3px;}

/* more */
#more{display:block;margin:10px auto 20px;}

/* infscr-loading */
#infscr-loading{bottom:-10px;left:45%;position:absolute;text-align:center;height:20px;line-height:20px;z-index:100;width:120px;}

/* page */
.page{display:none;font-size:18px;height:60px;text-align:center;margin:20px 0 0 0;}
.page_num a,.page_num span{margin:0 2px;background:url("../images/page.png") no-repeat;display:inline-block;width:30px;height:28px;line-

height:26px;overflow:hidden;}
.page_num a{background-position:-65px 0;color:#FF3333;overflow:hidden;}
.page_num .prev{background-position:1px -33px;}
.page_num .unprev{background-position:1px 0;cursor:default;}
.page_num .next{background-position:-32px 0;}
.page_num .unnext{background-position:-32px -33px;cursor:default;}
.page_num .current{background-position:-99px 0;color:#FFFFFF;}
.page_num .etc{background-position:-172px 8px;}

/* to_top */
.to_top a,.to_top a:hover{background:url("../images/gotop.png") no-repeat}
.to_top a{
	background-position:0 0;float:left;height:50px;overflow:hidden;width:50px;position:fixed;bottom:35px;cursor:pointer;right:20px;
	_position:absolute;
	_right:auto;
	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt

(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt

(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));
}
.to_top a:hover{background-position:-51px 0px;}
/*login css*/
.sheet-overlay {
z-index: 99995;
}
.sheet-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255,255,255,.93);
}
#sheet {
position: fixed;
top: 39px;
left: 50%;
margin-left: -425px;
z-index: 99996;
}
.sheet {
position: relative;
width: 840px;
margin: auto;
padding: 0;
box-shadow: inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);
-moz-box-shadow: inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 -1px 0 #FFF,0 1px 6px rgba(0,0,0,.3);
background-color: #fff9e2;
background: url("../images/tips_bg.gif") 0 0 repeat;
border-bottom: 2px solid #efebda;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.sheet .head {
padding: 20px 15px;
border-bottom: 1px solid #f6f4ee;
}
.sheet .head h2 {
padding: 0;
font-size: 18px;
font-weight: 400;
color: #444;
text-align: center;
}
.sheet .body {
padding: 10px 15px;
border-top: 1px solid #fff;
}
.sheet .login-connect {
width: 245px;
height: 180px;
float: left;
border-right: 1px solid #f6f4ee;
padding: 10px 80px;
}
.sheet .body h5 {
margin-bottom: 14px;
font-size: 14px;
font-weight: 700;
color: #444;
}
.sheet .connections {
width: 246px;
margin-top: 15px;
}
.sheet .connections a.weibo {
background-position: -456px 0;
}
.sheet .connections a.douban {
background-position: -228px 0;
}
.sheet .connections a.qzone {
background-position: -342px 0;
}
.sheet .connections a {
display: block;
float: left;
width: 114px;
height: 36px;
background: url(../images/btn_sprite.png) left top no-repeat;
text-indent: -999999px;
margin: 0 8px 5px 0;
}
.sheet .login-button {
width: 170px;
}
.sheet .login-connect p {
margin-top: 20px;
font-size: 12px;
color: #999;
}
.less {
color: #8c7e7e;
}
.sheet .login-form {
width: 220px;
height: 180px;
float: left;
border-left: 1px solid #fff;
padding: 10px 90px;
}
.FancyForm li, .FancyForm li .input {
position: relative;
}
.Form li {
display: block;
margin-bottom: 18px;
font-size: 21px;
font-weight: 300;
}
.sheet .login-form .FancyForm ul li .input {
float: left;
display: block;
width: 220px;
min-width: 220px;
position: relative;
margin-bottom: 12px;
}
.sheet .login-form .FancyForm ul li .input input[type="text"], .sheet .login-form .FancyForm ul li .input input[type="password"] {
padding-left: 38px;
height: 36px;
line-height: 100%;
color: #666;
font-size: 14px;
font-weight: 700;
border: 1px solid #fff;
box-shadow: inset 0 1px 4px rgba(125,125,125,.65);
-moz-box-shadow: inset 0 1px 4px rgba(125,125,125,.65);
-webkit-box-shadow: inset 0 1px 4px rgba(125,125,125,.65);
-webkit-transition: all .08s ease-in-out;
-moz-transition: all .08s ease-in-out;
}
.Form label {
display: inline-block;
line-height: 1.4em;
font-size: 18px;
}
.FancyForm label {
position: absolute;
z-index: 2;
top: 9px;
left: 13px;
display: block;
color: #BCBCBC;
cursor: text;
-moz-user-select: none;
-webkit-user-select: none;
-moz-transition: all .16s ease-in-out;
-webkit-transition: all .16s ease-in-out;
}
.sheet .login-form .FancyForm ul li .input label {
top: 7px;
left: 38px;
}
.sheet .login-form .FancyForm ul li .input .fff {
left: 1px;
height: 36px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #fff url(../images/login_bg.png) left -5px no-repeat;
}
.sheet .login-form .FancyForm ul li .password .fff {
background-position: left -40px;
}
.FancyForm .fff {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 3px;
bottom: 0;
border-radius: 8px;
}
.FancyForm input[type="text"], .FancyForm input[type="password"], .FancyForm textarea {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #A4A2A2;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8);
    display: block;
    position: relative;
    transition: all 0.08s ease-in-out 0s;
    width: 100%;
    z-index: 3;
}
.sheet .login-form .FancyForm ul li .input input[type="text"], .sheet .login-form .FancyForm ul li .input input[type="password"] {
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 4px rgba(125, 125, 125, 0.65) inset;
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    line-height: 100%;
    padding-left: 38px;
    transition: all 0.08s ease-in-out 0s;
}
.non_inputs {
float: left;
width: 100%;
clear: left;
}
.rbtn span, button.rbtn, input[type="button"].rbtn, input[type="submit"].rbtn, input[type="reset"].rbtn {
border-color: #B00000;
background-color: #d43638;
background: -moz-linear-gradient(center top, #eb5367, #e04751 50%, #de404a 50%, #d43638);
background: -o-linear-gradient(top left, #eb5367, #e04751 50%, #de404a 50%, #d43638);
background: -webkit-gradient(linear,0% 0,0% 100%,from( #eb5367),to( #d43638),color-stop(.5, #e04751),color-stop(.5, #de404a));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5367', endColorstr='#d43638');
}
.btn18, .btn18 span {
font-size: 18px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.btn span {
position: absolute;
z-index: 1;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
display: block;
border: 1px solid;
opacity: 1;
border-radius: .3em;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
box-shadow: inset 0 1px rgba(255,255,255,.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,.35);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,.35);
-moz-transition-property: opacity;
-moz-transition-duration: .5s;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-property: opacity;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: ease-in-out;
}
.rbtn {
color: #FFF;
text-shadow: 0 -1px 0 #350000;
}
.btn18, .btn18 span {
font-size: 18px;
}

/**show*/
.wfx {
position: relative;
width: 940px;
margin: 0 auto;
}
.CloseupLeft {
position: absolute;
top: 40px;
left: 0;
width: 300px;
}
#pin_sources {
background: #fff;
box-shadow: 0 1px 3px rgba(34,25,25,.4);
}
#pin_sources .closed {
height: 15px;
cursor: pointer;
}
#pin_sources .source {
padding: 15px 20px;
border-bottom: 1px solid #EDEDED;
overflow: hidden;
zoom: 1;
position: relative;
}
#pin_sources .source:last-child {
border-bottom: 0;
}
#pin_sources .board h3 {
background-position: 0 -40px;
}
#pin_sources .source h3 {
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
padding-left: 20px;
background: url(../images/icon_sidebar_title.png) 0 0 no-repeat;
height: 15px;
line-height: 15px;
}
#pin_sources .closed .arr {
background-position: 0 5px;
}
#pin_sources .source .arr {
position: absolute;
display: block;
width: 20px;
height: 20px;
background: url(../images/arrow_cover_uncover.png) -20px 5px no-repeat;
right: 12px;
top: 12px;
cursor: pointer;
}
#pin_sources .source .pins {
display: block;
margin-right: -10px;
}
#pin_sources .board .pins img {
display: block;
float: left;
margin: 0 4px 4px 0;
}
#pin_sources .domain h3 {
background-position: 0 -79px;
}
#pin_sources .domain .pins img {
display: block;
float: left;
margin: 0 4px 4px 0;
}
.CloseupRight {
margin: 0 0 0 320px;
width: 620px;
padding:40px;
}
.CloseupRight .wt {
margin-top: 0;
padding: 0;
}
#related_recommend {
padding: 20px;
}
#PinPinner {
padding: 20px;
overflow: hidden;
}
#PinPinner #PinnerImage {
float: left;
margin-right: 9px;
width: 50px;
}
a.img {
display: block;
background-color: #fff;
}
#PinPinner #PinnerName {
font-size: 23px;
line-height: 1em;
margin-bottom: 9px;
}
#PinPinner #PinnerName a {
color: #211922;
text-decoration: none;
}
#PinnerStats {
display: block;
margin: 0;
font-size: 14px;
color: #999;
position: relative;
}
#PinnerStats .ts-words {
padding-left: 5px;
}
#pin_source {
font-size: 14px;
color: #8c7e7e;
}
.pin-source {
position: absolute;
right: 0;
bottom: 0;
}
#pin_source a {
color: #AD9C9C;
padding-left: 5px;
}
.less a {
color: #333;
}
.pin-img {
position: relative;
margin: 0 20px 15px;
overflow: hidden;
text-align: center;
background: url(../images/img_bg_2.png) 0 0 repeat;
}
#PinActionButtons {
z-index: 1;
position: absolute;
left: 5px;
top: 5px;
width: 200px;
height: 50px;
text-align: left;
visibility: hidden;
}
#PinActionButtons .repin-button {
margin-right: 5px;
padding: 0;
cursor: pointer;
background: transparent;
}
#PinActionButtons .black-button {
background: #000;
background: rgba(0,0,0,.5);
border: 2px solid rgba(255,255,255,.8);
border-radius: 4px;
color: #fff;
height: 32px;
line-height: 32px;
display: inline-block;
padding: 0 10px;
text-decoration: none;
font-size: 14px;
background-clip: padding-box;
}
#PinActionButtons .black-button i {
display: inline-block;
width: 12px;
height: 12px;
background: url(../images/pin_action_icons.png) 0 0 no-repeat;
margin-right: 5px;
}
#PinActionButtons .repin {
display: inline-block;
padding: 0 10px;
background: #000;
background: rgba(0,0,0,.5);
border-radius: 0 2px 2px 0;
}
#PinActionButtons .like-button {
cursor: pointer;
}
#PinActionButtons .black-button {
background: #000;
background: rgba(0,0,0,.5);
border: 2px solid rgba(255,255,255,.8);
border-radius: 4px;
color: #fff;
height: 32px;
line-height: 32px;
display: inline-block;
padding: 0 10px;
text-decoration: none;
font-size: 14px;
background-clip: padding-box;
}
#PinActionButtons .like-button i {
background-position: -20px 0;
}
.pin-img img {
display: block;
margin: 0 auto;
}
#zoomr_show {
position: absolute;
display: block;
top: -50px;
right: -50px;
width: 32px;
height: 32px;
background: url(/img/zoomr_in.png) no-repeat left top;
cursor: pointer;
-webkit-transition: right .15s ease-in-out,top .15s ease-in-out;
-moz-transition: right .15s ease-in-out,top .15s ease-in-out;
-ms-transition: right .15s ease-in-out,top .15s ease-in-out;
-o-transition: right .15s ease-in-out,top .15s ease-in-out;
transition: right .15s ease-in-out,top .15s ease-in-out;
}
#pin_stats {
margin: 0 20px 20px;
height: 15px;
position: relative;
}
